$(function(){
	var projectGroupInfo=$("#projectGroupInfo").val();
	var projectgroup=eval('('+projectGroupInfo+')');
	
 	var tickettype=$("#tickettype").val();
 	var projectGroupTickettype=eval('('+tickettype+')');
    var projectid=$("#projectid").val();
    var obj={
		"tickettype":projectGroupTickettype,  
		"rolelist":projectgroup
			   };	  
	init();
	
    $("#addone").click(function(){
		   addone();
	});
    $("#return").click(function(){
    	
    });
    
    //初始化页面
    function init(){
    	var self=$("#group_tbody").empty();
        for(var i=0;i<obj.rolelist.length;i++){
    	  	var tr=$("<tr class='tr_val'>");
    		var td=$("<td class='td_val'>").attr("name",obj.rolelist[i].name).append(obj.rolelist[i].name).attr('nam',JSON.stringify(obj.rolelist[i]));
    		var td1=$("<td class='td_val1'>").attr("phone",obj.rolelist[i].phone).append(obj.rolelist[i].phone).attr('pho',JSON.stringify(obj.rolelist[i]));
    		var td2=$("<td class='td_val2'>").attr("desc",obj.rolelist[i].desc).append(obj.rolelist[i].desc).attr('des',JSON.stringify(obj.rolelist[i]));
    		var edit=$("<span class ='edit color' style='cursor:pointer'>修改</span>");
    		var save=$("<span class='save hide  color' style='cursor:pointer'>保存</span>");
    		var add=$("<span class='color' style='cursor:pointer'>添加</span>");
    		var cancel=$("<span class='cancel color hide ' style='cursor:pointer'>取消</span>");
    		var clear=$("<span class='clear color' style='cursor:pointer'>删除</span>");
    		var but=$("<td>").append(save).append(edit).append(cancel).append(clear);
    		tr.append(td).append(td1).append(td2).append(but);
    		self.append(tr);
    		edit_click(edit);
    		save_click(save);
    		clear_click(clear);
    		cancel_click(cancel);
    	}
    }
       
    //添加一行信息
	function addone(){
			var re =new RegExp("<input.*?>");
		   	 var tb = $("#group_tbody")[0];  //根据id找到这个表格
			 var rows = tb.rows;               //取得这个table下的所有行	
			 for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
			 {
				for(var j=0;j<rows[i].cells.length-1;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
				{
					var cell = rows[i].cells[j];//获取某行下面的某个td元素	
					//alert("第"+(i+1)+"行第"+(j+1)+"格的数字是"+cell.innerHTML);//cell.innerHTML获取元素里头的值
					//alert(re.test(cell.innerHTML));
					if(re.test(cell.innerHTML)){
						alert("请先保存");
						return;
					}
				}
			 }
	      var tr=$("<tr class='tr_val'>");
	      var inp=$("<input type='text' name='aa' maxlength='50' class='input_style'/>").attr("value",'');
		  var inp1=$("<input type='text' name='aa' maxlength='20'class='input_style'/>").attr("value",'');
		  var inp2=$("<input type='text' name='aa' maxlength='500' class='input_style'/>").attr("value",'');
		  var td=$("<td class='td_val'>").append(inp);
		  var td1=$("<td class='td_val1'>").append(inp1);
		  var td2=$("<td class='td_val2'>").append(inp2);
		  var edit=$("<span class='addedit  hide  color' style='cursor:pointer'>修改</span>");
		  var save=$("<span class='addsave  color' style='cursor:pointer'>保存</span>");
		  var add=$("<span class='color' style='cursor:pointer'>添加</span>");
		  var clear=$("<span class='color hide' style='cursor:pointer'>删除</span>");
		  var cancel=$("<span class='addcancel color ' style='cursor:pointer'>取消</span>");
		  var but=$("<td>").append(save).append(edit).append(cancel).append(clear);
		  tr.append(td).append(td1).append(td2).append(but);
	      $("#group_tbody").append(tr);
	      edit_click(edit);
		  save_click(save);
		  clear_click(clear);
		  cancel_click(cancel);
	}
	//编辑
   function edit_click(obj){
	   obj.click(function(){
	     var re =new RegExp("<input.*?>");
	   	 var tb = $("#group_tbody")[0];  //根据id找到这个表格
		 var rows = tb.rows;               //取得这个table下的所有行	
		 for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
		 {
			for(var j=0;j<rows[i].cells.length-1;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
			{
				var cell = rows[i].cells[j];//获取某行下面的某个td元素	
				if(re.test(cell.innerHTML)){
					alert("请先保存");
					return;
				}
			}
		 }
	   if($(this).hasClass("edit")){
	      $(this).addClass("hide");
		  $(this).siblings("span.save").removeClass("hide");
		  $(this).siblings("span.cancel").removeClass("hide");
		  $(this).siblings("span.clear").addClass("hide");
		}
	   if($(this).hasClass("addedit")){
	      $(this).addClass("hide");
		  $(this).siblings("span.addsave").removeClass("hide");
		}
	   var text=$(this).parent().siblings("td.td_val").attr('name');
	   var text1=$(this).parent().siblings("td.td_val1").attr('phone');
	   var text2=$(this).parent().siblings("td.td_val2").attr('desc');
	   var inp=$("<input type='text' name='aa' maxlength='50'  class='input_style'/>").attr("value",text);
	   var inp1=$("<input type='text' name='aa' maxlength='20' class='input_style'/>").attr("value",text1);
	   var inp2=$("<input type='text' name='aa' maxlength='500'class='input_style'/>").attr("value",text2);
	   $(this).parent().siblings("td.td_val").empty().append(inp);
	   $(this).parent().siblings("td.td_val1").empty().append(inp1);
	   $(this).parent().siblings("td.td_val2").empty().append(inp2);
	   });
   }
   
   //取消
   function cancel_click(obj){
	   obj.click(function(){
		   location.href="projectEdit?id="+projectid;
	   			});
   }
   //保存信息
   function save_click(obj){
		obj.click(function(){	   
			 var text_inputname=$(this).parent().siblings("td.td_val").find("input").val();
			 var text_inputphone=$(this).parent().siblings("td.td_val1").find("input").val();
			 var text_inputdesc=$(this).parent().siblings("td.td_val2").find("input").val();
			 var re=/^([0-9]|[-])+$/.test(text_inputphone);//验证电话
			 if (!re) {
				alert("请输入正确的联系电话");
				return ;
			 }
			 if($(this).hasClass("save")){
				$(this).addClass("hide");
				$(this).siblings("span.edit").removeClass("hide");
			 }
			 if($(this).hasClass("addsave")){
				$(this).addClass("hide");
				$(this).siblings("span.addedit").removeClass("hide");
			 }
			 $(this).parent().siblings("td.td_val").empty().append(text_inputname);
			 $(this).parent().siblings("td.td_val1").empty().append(text_inputphone);
			 $(this).parent().siblings("td.td_val2").empty().append(text_inputdesc);
			 var tb = $("#group_tbody")[0];  //根据id找到这个表格
			 var rows = tb.rows;               //取得这个table下的所有行	
			 var json="\{\"tickettype\":\""+projectGroupTickettype+"\",\"rolelist\":\[";
			 for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
			 {
				for(var j=0;j<rows[i].cells.length-1;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
				{
					var cell = rows[i].cells[j];//获取某行下面的某个td元素
				 	if(j%3==0){
						json+="\{\"name\":\""+cell.innerHTML+"\",\"";
					}
					if(j%3==1){
						json+="phone\":\""+cell.innerHTML+"\",\"";
					}
					if(j%3==2&&i!=(rows.length-1)){
						json+="desc\":\""+cell.innerHTML+"\"\},";
					}
				    if(j%3==2&&i==(rows.length-1)){
				    	json+="desc\":\""+cell.innerHTML+"\"\}\]\}";
				    }     
				}
			 } 
			$.ajax({
				type: "POST",
				url: "projectGroupUpdate.json",
				async: false,
				data: {
					'itsmcode':"xihe",
					'json':json,
					'id':projectid
				},
				success:function(data){
					if(data==0){
						alert("保存成功");
					}else{
						alert("保存失败");
					}
					location.href="projectEdit?id="+projectid;
				},
				error:function(){
					alert(info+"失败");
				}
			});
			 
		 });
	}
    //删除一行信息
	function clear_click(obj){
		obj.click(function(){
				var re =new RegExp("<input.*?>");
			   	 var tb = $("#group_tbody")[0];  //根据id找到这个表格
				 var checkrows = tb.rows;               //取得这个table下的所有行	
				 for(var i=0;i<checkrows.length;i++)//循环遍历所有的tr行
				 {
					for(var j=0;j<checkrows[i].cells.length-1;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
					{
						var cell = checkrows[i].cells[j];//获取某行下面的某个td元素	
						if(re.test(cell.innerHTML)){
							alert("请先保存");
							return;
						}
					}
				 }
		       var tb = $("#group_tbody")[0];  //根据id找到这个表格
			   var rows = tb.rows;               //取得这个table下的所有行
			   $(this).parent().parent("tr.tr_val").empty();
			   //alert(rows.length);
			   var json="\{\"tickettype\":\""+projectGroupTickettype+"\",\"rolelist\":\[";
			   if(rows.length==1){
					json+="\{\"name\":\""+""+"\",\""+"phone\":\""+""+"\",\""+"desc\":\""+""+"\"\}\]\}";	
			   }
     			 for(var i=0;i<rows.length;i++)//循环遍历所有的tr行
				 {
					for(var j=0;j<rows[i].cells.length-1;j++)//取得第几行下面的td个数，再次循环遍历该行下面的td元素
					{
						var cell = rows[i].cells[j];//获取某行下面的某个td元素
					 	if(j%3==0){
							json+="\{\"name\":\""+cell.innerHTML+"\",\"";
						}
						if(j%3==1){
							json+="phone\":\""+cell.innerHTML+"\",\"";
						}
						if(j%3==2){
							json+="desc\":\""+cell.innerHTML+"\"\},";
						}
						//判断是否为最后一行
						/*if(j%3==2&&i!=(rows.length-2)){
							json+="desc\":\""+cell.innerHTML+"\"\},";
						}*/
					/*    if(j%3==2&&i==(rows.length-2)){
					    	json+="desc\":\""+cell.innerHTML+"\"\}\]\}";
					    } */     
					}
				 } 
				$.ajax({
					type: "POST",
					url: "projectGroupUpdate.json",
					async: false,
					data: {
						'itsmcode':"xihe",
						'json':json,
						'id':projectid
					},
					success:function(data){		
						if(data==0){
							alert("删除成功");
						}else{
							alert("删除失败");
						}
						location.href="projectEdit?id="+projectid;
					
					},
					error:function(){
						alert(info+"删除失败");
					}
				});
				
				
				
		 });
	}
    
});

